<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    name:<input v-model="name"/><br/>
    age:<input v-model="age"/><br/>
    <button @click="fun_a">发送</button>
    <hr/>
    {{result1}}.....{{result2}}
</div>
</body>
</html>
<script src="js/vue.min.js"></script>
<script src="js/axios.min.js"></script>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                name: '',
                age: '',
                result1: '',
                result2: ''
            }
        },
        methods: {
            fun_a() {
                let req1 = axios({
                    url: 'first',
                    params: {
                        message: this.name
                    }
                })
                let req2 = axios({
                    url: 'third',
                    params: {
                        name: this.name,
                        age: this.age
                    }
                })
                let _this = this
                axios.all([req1, req2]).then(axios.spread(function (resp1, resp2) {
                    // 两个请求现在都执行完成
                    _this.result1 = resp1.data.data
                    _this.result2 = resp2.data.data
                }));
            }
        }
    })
</script>